home *** CD-ROM | disk | FTP | other *** search
/ MacFormat España 27 / MacFormat n. 27 (Spain) / Mac Format 26.bin / Shareware / Comunicaciones / mtx2html 1.5.5 / guide / design.mtx < prev    next >
Encoding:
Text File  |  1997-01-01  |  2.6 KB  |  100 lines
  1. %TITLE Design Considerations for HTML Documents
  2. %OUTLINE none
  3. %PATH http://www.med.ufl.edu/medinfo/mtx/guide/
  4. %AUTHOR Richard Rathe / rrathe@dean.med.ufl.edu
  5. %AUTHURL rrathe@dean.med.ufl.edu
  6. %MTX 1.5
  7.  
  8. #Use Descriptive Titles
  9.  
  10.     +Bad
  11.     -Newsletter
  12.     -Spring Newsletter
  13.  
  14.     +Good
  15.     -Medical Informatics Newsletter / Spring 1995
  16.     -April 95 Informatics Newsletter
  17.  
  18. {*Remember*}
  19.     Titles have many context independent uses, including bookmarks.
  20.  
  21. #Be Consistent
  22.  
  23.     Place elements in the same location on related pages.
  24.     Replace redundant information with a link to a single page.
  25.     Avoid trite verbiage such as "more information can be found {*here*}."
  26.  
  27. #Don't Micro Manage Your Page Layout
  28.  
  29. Try not to rely on:
  30.     Font type and size
  31.     Physical relationships between elements
  32.     Browser-specific HTML extensions
  33.     Graphics where plain text works just as well
  34.  
  35. {*Remember*}
  36.     There are many different WWW browsers available.
  37.     Each user has ultimate control over his/her display.
  38.  
  39. #Don't Abuse HTML Tags
  40.  
  41. Even though HTML is flexible, if you bend it too far something will break. For example, the heading tags (<H1>, <H2>, etc.) are not just "big" text. They also specify document structure.
  42.  
  43. {*Remember*}
  44.     HTML tags specify more than just text style.
  45.  
  46. #Consider Text Only Browsers
  47.  
  48. ${=albert=}
  49.  
  50. #Be Careful with Graphics
  51.  
  52.     Conserve vertical space whenever possible
  53.     Use short horizontal or icon graphics for page titles
  54.     Limit width of graphics to 450-500 pixels
  55.     Use a thumbnail to jump to a larger image when appropriate
  56.     Make images large enough, but no larger
  57.     Provide alternate text when appropriate
  58.  
  59. ${=xxxx This is an example of alternate text.=}
  60.  
  61. #Divide or Combine Pages as Appropriate
  62.  
  63.     Smaller "chunks" are easier browse
  64.         Provide {*inter*}-page links for multiple small pages
  65.     Larger "chunks" are better for finding and printing
  66.         Provide {*intra*}-page links for large pages
  67.  
  68. #Provide Context when Appropriate
  69.  
  70.     Home and parent page links
  71.     Previous and next page links
  72.     Link to original document (for copies)
  73.     Reference, rather than quote, other documents
  74.  
  75. #Use Relative URLs When Appropriate
  76.  
  77.     +Relative URL
  78.     -images/picture.gif
  79.     +Absolute URL
  80.     -http://host.ufl.edu/images/picture.gif
  81.  
  82. #Use "Sensible" File and Directory Names
  83.  
  84.     Use all lower case whenever possible
  85.     Use short file and directory names whenever possible
  86.     Use a "flat" directory hierarchy
  87.  
  88. #Always Sign Your Work
  89.  
  90.     Identify the author or contact person
  91.     Include a URL or email address
  92.     Include a creation date or version number
  93.     Include a copyright notice or disclaimer if appropriate
  94.  
  95. #Remember Paper
  96.  
  97.     Make email addresses visible when appropriate
  98.     Make URLs visible when appropriate
  99.     Always make administrative information visible
  100.